@import "~taro-ui/dist/style/components/flex.scss";
@import "~taro-ui/dist/style/components/search-bar.scss";
@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/loading.scss";
@import "~taro-ui/dist/style/components/fab.scss";
@import "~taro-ui/dist/style/components/float-layout.scss";
.user{
    margin-top: 5%;
    margin-left: 30%;
    /*position: absolute;
    top: 65px;
    left: 8%;*/
}
.nav{
    width: 100%;
    height: 18vh;
    background: rgb(251, 214, 174);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.search{
    width: 100%;
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.sao{
    width: 6vw;
    height: 3vh;
    margin-left: 20%;
    margin-top: 20%;
}
.saoText{
    font-size: 20px;
}
.AtSearchBar{
    width: 70vw;
}
.sPic{
    width: 6vw;
    height: 3vh;
    margin-top: 20%;
}
.keFu{
    width: 10vw;
    height: 5vh;
}
.box{
    width: 100%;
    margin-top: 30%;
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.boxText{
    font-size: 30px;
}
.like{
    width: 100%;
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
    margin-top: 2%;
}
.likeText{
    font-size: 30px;
    margin-left: 2%;
    margin-top: 1%;
}
.lAtButton{
    color: #000;
    background: rgb(245, 212, 212);
    border: #fff solid 1px;
}
.recommend{
    width: 85vw;
    height: 18vh;
    background: rgb(180, 138, 234);
    margin-left: 7%;
    margin-top: 2%;
}
.fenLei{
    width: 100%;
    height: 9vh;
    margin-top: 25%;
    margin-left: 3%;
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
    line-height: 30px;
}
.leii{
    width: 15vw;
    height: 9vh;
}
.leiPic{
    width: 10vw;
    height: 5vh;
}
.leiText{
    font-size: 30px;
}
.goods{
    width: 100%;
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.goodsbox{
    width: 50vw;
}
.goodsPic{
    width: 48vw;
    height: 22vh;
    background: rgb(128, 122, 122);
    margin-left: 1%;
}
.goodsText{
    font-size: 35px;
    margin-left: 1%;
}
